<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人员审核</title>
<!--    &lt;!&ndash; Bootstrap table &ndash;&gt;-->
<!--    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap&ndash;&gt;-->
<!--    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">-->
<!--    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>-->
<!--    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap-table&ndash;&gt;-->
<!--    <link href="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table.min.css" rel="stylesheet">-->
<!--    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap-table-lanuage&ndash;&gt;-->
<!--    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table-locale-all.min.js"></script>-->
<!--    <script src="/js/echarts.js"></script>-->


    <script src="/js/jquery.min.js"></script>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <!--    <link href="/css/bootstrap-table.min.css" rel="stylesheet">-->
    <script src="/js/bootstrap.min.js"></script>
    <script src="/dist/bootstrap-table.min.js"></script>

</head>

<script>
    $(function(){
        initTable();

    });
    var id = id = window.localStorage.getItem("id");
    console.log(id);
    if(id==0){
        function initTable(){
            var url = "playerupdatestatus?status="+id;
            $('#table').bootstrapTable({
                method:'GET',
                dataType:'json',
                contentType: "application/x-www-form-urlencoded",
                cache: false,
                striped: true,                              //是否显示行间隔色
                // sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                url:url,
                pagination:true,
                search:true,
                queryParams : function(params){
                    return params
                },
                pageNumber:1,                       //初始化加载第一页，默认第一页
                pageSize: 2,                       //每页的记录行数（*）
                pageList: [2, 4, 6, 8],        //可供选择的每页的行数（*）
                columns: [
                    {
                        checkbox:true,
                    },
                    {
                        field : 'id',
                        title : 'ID',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'name',
                        title : '姓名',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'age',
                        title : '性别',
                        align : 'center',
                        valign : 'middle'
                    }, {
                        field : 'sex',
                        title : '年龄',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'birthday',
                        title : '出生日期',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    },  {
                        field : 'height',
                        title : '身高',
                        align : 'center',
                        valign : 'middle'
                    }, {
                        field : 'weight',
                        title : '体重',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'number',
                        title : '证件号码',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    }, {
                        field : 'student',
                        title : '学号',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'hand',
                        title : '左右手',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    }, {
                        field : 'location',
                        title : '场上位置',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                       // field : 'dept.id',
                        title : '注册单位',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                            var html = row.dept.name;
                            return html;
                        },
                    }, {
                        // field : 'year1',
                        title : '协议年限',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                            var html = row.year1 +'--'+ row.year2;
                            return html;
                        },

                    }, {
                       // field : 'frout',
                        title : '证件正反面',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            var html = '<img src='+row.frout+' alt="图片"  height="50px" width="50px">' + '|' + '<img src='+row.side+' alt="图片"  height="50px" width="50px">';
                            return html;
                        },
                    }, {
                        field : 'book',
                        title : '户口本',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            var html = '<img src='+value+' alt="图片"  height="50px" width="50px">';
                            return html;
                        },
                    },{
                        title : '操作',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                            var html = ' <a href="" onclick="playerpass('+row.id+')" style="color: #0044cc">审核通过</a>&nbsp; | &nbsp;' +
                                ' <a href=""  onclick="playernopass('+row.id+')" style="color:red" data-toggle="modal" data-target="#myModal">审核不通过</a>';
                            return html;
                            return value;
                        }
                    }]
            });
        }
    }else if(id==1){
        // alert("111")
        function initTable(){
            var url = "playerupdatestatus?status="+id;
            $('#table').bootstrapTable({
                method:'GET',
                dataType:'json',
                contentType: "application/x-www-form-urlencoded",
                cache: false,
                striped: true,                              //是否显示行间隔色
                // sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                url:url,
                 pagination:true,
                search:true,
                queryParams : function(params){
                    return params
                },
                pageNumber:1,                       //初始化加载第一页，默认第一页
                pageSize: 2,                       //每页的记录行数（*）
                pageList: [2, 4, 6, 8],       //可供选择的每页的行数（*）
                columns: [
                    {
                        checkbox:true,
                    },
                    {
                        field : 'id',
                        title : 'ID',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'name',
                        title : '姓名',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'age',
                        title : '性别',
                        align : 'center',
                        valign : 'middle'
                    }, {
                        field : 'sex',
                        title : '年龄',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'birthday',
                        title : '出生日期',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    },  {
                        field : 'height',
                        title : '身高',
                        align : 'center',
                        valign : 'middle'
                    }, {
                        field : 'weight',
                        title : '体重',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'number',
                        title : '证件号码',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    }, {
                        field : 'student',
                        title : '学号',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'hand',
                        title : '左右手',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    }, {
                        field : 'location',
                        title : '场上位置',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        //field : 'did',
                        title : '注册单位',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                            var html = row.dept.name;
                            return html;
                        },
                    }, {
                        // field : 'year1',
                        title : '协议年限',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                            var html = row.year1 +'--'+ row.year2;
                            return html;
                        },

                    }, {
                        // field : 'frout',
                        title : '证件正反面',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            var html = '<img src='+row.frout+' alt="图片"  height="50px" width="50px">' + '|' + '<img src='+row.side+' alt="图片"  height="50px" width="50px">';
                            return html;
                        },
                    }, {
                        field : 'book',
                        title : '户口本',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            var html = '<img src='+value+' alt="图片"  height="50px" width="50px">';
                            return html;
                        },
                    },{
                        field : 'cdate',
                        title : '审核时间',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            return value;
                        }
                    }]
            });
        }
    }else{
        //  alert("222")
        function initTable(){
            var url = "playerupdatestatus?status="+id;
            $('#table').bootstrapTable({
                method:'GET',
                dataType:'json',
                contentType: "application/x-www-form-urlencoded",
                cache: false,
                striped: true,                              //是否显示行间隔色
                // sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                url:url,
                pagination:true,
                search:true,
                queryParams : function(params){
                    return params
                },
                pageNumber:1,                       //初始化加载第一页，默认第一页
                pageSize: 2,                       //每页的记录行数（*）
                pageList: [2, 4, 6, 8],        //可供选择的每页的行数（*）
                columns: [
                    {
                        checkbox:true,
                    },
                    {
                        field : 'id',
                        title : 'ID',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'name',
                        title : '姓名',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'age',
                        title : '性别',
                        align : 'center',
                        valign : 'middle'
                    }, {
                        field : 'sex',
                        title : '年龄',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'birthday',
                        title : '出生日期',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    },  {
                        field : 'height',
                        title : '身高',
                        align : 'center',
                        valign : 'middle'
                    }, {
                        field : 'weight',
                        title : '体重',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'number',
                        title : '证件号码',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    }, {
                        field : 'student',
                        title : '学号',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                        field : 'hand',
                        title : '左右手',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                    }, {
                        field : 'location',
                        title : '场上位置',
                        align : 'center',
                        valign : 'middle',
                        sortable : true
                    }, {
                       // field : 'did',
                        title : '注册单位',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                            var html = row.dept.name;
                            return html;
                        },
                    }, {
                        // field : 'year1',
                        title : '协议年限',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                            var html = row.year1 +'--'+ row.year2;
                            return html;
                        },

                    }, {
                        // field : 'frout',
                        title : '证件正反面',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            var html = '<img src='+row.frout+' alt="图片"  height="50px" width="50px">' + '|' + '<img src='+row.side+' alt="图片"  height="50px" width="50px">';
                            return html;
                        },
                    }, {
                        field : 'book',
                        title : '户口本',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            var html = '<img src='+value+' alt="图片"  height="50px" width="50px">';
                            return html;
                        },
                    }, {
                        field: 'cdate',
                        title: '审核时间',
                        align: 'center',
                        valign: 'middle',
                        sortable: true,
                    },{
                        //  field : 'cdate',
                        title : '驳回原因',
                        align : 'center',
                        valign : 'middle',
                        sortable : true ,
                        formatter : function (value, row, index){
                            var html = ' <a href="" onclick="playerlook('+row.id+')" style="color: #0044cc">查看</a>';
                            return html;
                            return value;
                        }
                    }]
            });
        }
    }
    //审核不通过
    var playernopass = function (id) {
        window.localStorage.setItem("nopassid",id);
        $.ajax({
            url:"playerundernopass",
            type:"get",
            data:{
                id:id
            },
            dataType:"json",
            success:function(data){
                if(data!=null){
                    alert("审核不通过");
                    $("#table").bootstrapTable('refresh', {
                        url : 'playerupdatestatus?status='+id
                    });
                }else{
                    alert("审核失败");
                }
            }
        });
    }
    //审核通过
    var playerpass = function (id) {
        $.ajax({
            url:"playerunderpass",
            type:"get",
            data:{
                id:id
            },
            async:true,
            dataType:"json",
            success:function(data){
                if(data!=null){
                    alert("审核通过");
                    $("#table").bootstrapTable('refresh', {
                        url : 'playerupdatestatus?status='+id
                    });
                }else{
                    alert("审核失败");
                }

            }
        });
    }
    //批量通过
    var passW = function () {
        var rows = $("#table").bootstrapTable('getSelections');// 获得要的数据
        if (rows.length == 0) {// rows 主要是为了判断是否选中，下面的else内容才是主要
            alert("请先选择要通过的记录!");
            return;
        } else {
            var ids = new Array();// 声明一个数组
            $(rows).each(function() {// 通过获得别选中的来进行遍历
                ids.push(this.id);// cid为获得到的整条数据中的一列
            });
            bulkpass(ids)

        }
    }
    function bulkpass(ids) {
        alert(ids)
        $.ajax({
            url : "playerbulkpass",
            data : "ids=" + ids,
            type : "get",
            dataType : "json",
            success : function(data) {
                alert(data)
            }
        });
        $("#table").bootstrapTable('refresh', {
            url : 'playerupdatestatus?status='+id
        });
    }
    //批量不通过
    var nopass = function () {
        var rows = $("#table").bootstrapTable('getSelections');// 获得要的数据
        if (rows.length == 0) {// rows 主要是为了判断是否选中，下面的else内容才是主要
            alert("请先选择要不通过的记录!");
            return;
        } else {
            var ids = new Array();// 声明一个数组
            $(rows).each(function() {// 通过获得别选中的来进行遍历
                ids.push(this.id);// cid为获得到的整条数据中的一列
            });
            bulknopass(ids)
        }
    }
    function bulknopass(ids) {
        alert(ids)
        $.ajax({
            url : "playerbulknopass",
            data : "ids=" + ids,
            type : "get",
            dataType : "json",
            success : function(data) {
                alert(data)
            }
        });
        $("#table").bootstrapTable('refresh', {
            url : 'playerupdatestatus?status='+id
        });
    }

    //审核中
    var countunder = function(){
        var id1 = 0;
        window.localStorage.setItem("id",id1);
    }
    //审核通过
    var countpass = function () {
        var id2 = 1;
        window.localStorage.setItem("id",id2);
    }
    //审核不通过
    var countnopass = function () {
        var id3 = 2;
        window.localStorage.setItem("id",id3);
    }
    //驳回
    var down = function () {
        var username = $("#aa").val();
        //alert(username)
       var nopassid = window.localStorage.getItem("nopassid");
        $.post(
            "filedown?id="+nopassid,
            {"username":username},
            function (res) {
                alert(res)
            }
        );
        $("#table").bootstrapTable('refresh', {
            url : 'playerupdatestatus?status='+id
        });
    }
    //查看驳回
    var playerlook = function (id) {
      //  alert(id)
        $.ajax({
            url:"playerlookturn",
            type:"get",
            data:{
                id:id
            },
            async:true,
            dataType:"json",
            success:function(data){
                alert(JSON.stringify(data.park))
            }
        });
    }
    //首次注册
    var register = function () {
        location.href="/inserthtml"
        // $.ajax({
        //     url:"register",
        //     type:"get",
        //     data:{
        //     },
        //     async:true,
        //     dataType:"json",
        //     success:function(data){
        //         alert(JSON.stringify(data))
        //     }
        // });
    }
    //年度确认
    var confirm = function () {
        $.ajax({
            url:"Annual",
            type:"get",
            data:{
            },
            async:true,
            dataType:"json",
            success:function(data){
                if(data==""){
                    alert("还没有运动员可以年度确认");
                }else{
                    alert(JSON.stringify(data))
                }
            }
        });
    }
    //再次注册
    var beginregister = function () {
        $.ajax({
            url:"beginregister",
            type:"get",
            data:{
            },
            async:true,
            dataType:"json",
            success:function(data){
                if(data==""){
                    alert("还没有运动员年限到期");
                }else{
                    alert(JSON.stringify(data))
                }
            }
        });
    }
    //开启关闭
    function toogle(th){
        var ele = $(th).children(".move");
        if(ele.attr("data-state") == "on"){
            ele.animate({left: "0"}, 300, function(){
                ele.attr("data-state", "off");
                $("#register").attr("style","display:none;");//隐藏div
            });
            $(th).removeClass("on").addClass("off");
        }else if(ele.attr("data-state") == "off"){
            ele.animate({left: '60px'}, 300, function(){
                $(this).attr("data-state", "on");
                $("#register").attr("style","display:block;");//显示div
            });
            $(th).removeClass("off").addClass("on");
        }
    }

</script>


<body>
<div class="container">
    <div class="select">
        <hr size="5px" />
        <h3>人员审核</h3>
        <div class="switch" style="float: right">
            <div class="btn_fath clearfix on" onclick="toogle(this)">
                <div class="move" data-state="on"></div>
                <div class="btnSwitch btn1">关闭</div>
                <div class="btnSwitch btn2">开启</div>
            </div>
        </div>
<!--        <input type="text" placeholder="搜索单位名称">-->
<!--        <input type="text" placeholder="搜索姓名">-->
<!--        <input type="text" placeholder="按性别搜索">-->
        <hr size="5px" />

                <button type="button"  onclick="register()" id="register" class="btn btn-primary" ><span class="glyphicon glyphicon-pencil" aria- hidden="true" ></span >首次注册</button >
                <button type="button" onclick="confirm()" class="btn btn-primary"><span class="glyphicon glyphicon-pencil" aria- hidden="true" ></span >年度确认</button >
                <button type="button" onclick="beginregister()" id="beginregister" class="btn btn-primary"><span class="glyphicon glyphicon-pencil" aria- hidden="true" ></span >重新注册</button >
        <hr size="5px" />
    </div>

<!--    <div style="height: 1000px">-->
        <a href="" onclick="countunder()">审核中([[${countunder}]])</a>&nbsp;&nbsp;  <a href="" onclick="countpass()">审核通过([[${countpass}]])</a>&nbsp;&nbsp;  <a href="" onclick="countnopass()">审核未通过([[${countnopass}]])</a>
        <button type="button" style="float: right" onclick="nopass()" class="btn btn-danger" ><span class="glyphicon glyphicon-remove" aria- hidden="true" ></span >审核不通过</button >
        <button type="button" style="float: right" onclick="passW()" class="btn btn-primary"><span class="glyphicon glyphicon-pencil" aria- hidden="true" ></span >审核通过</button >
        <hr size="5px" />
        <table id="table"></table>
<!--    </div>-->
</div>

<!-- 新增模态框（Modal） -->
<form action=""  class="form-horizontal" role="form">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">
                        不通过驳回信息
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                </div>
                <div class="modal-body" style="height: 100%;">
                    <div class="form-group">
                        <label for="lastname" class="col-sm-3 control-label"></label>
                        <div class="col-sm-7">
                            <textarea class="form-control"  id="aa"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <input type="submit" class="btn btn-primary" onclick="down()" value="提交"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</form>

</body>
<style>
    .switch{
        padding:20px 0;
        width: 100px;
        margin: 100px 0px 0 100px;
    }
    .btn_fath{
        bottom: 107px;
        margin-top: 10px;
        position: relative;
        border-radius: 20px;
    }
    .btn1{
        float: left;
    }
    .btn2{
        float: right;
    }
    .btnSwitch{
        height: 40px;
        width: 50px;
        border:none;
        color: #fff;
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        z-index: 1;
    }
    .move{
        z-index: 100;
        width: 40px;
        border-radius: 20px;
        height: 40px;
        position: absolute;
        cursor: pointer;
        border: 1px solid #828282;
        background-color: #f1eff0;
        box-shadow: 1px 2px 2px 1px #fff inset,0 0 5px 1px #999;
    }
    .on .move{
        left: 60px;
    }
    .on.btn_fath{
        background-color: #5281cd;
    }
    .off.btn_fath{
        background-color: #828282;
    }
</style>
</html>